.navbar .nav .three a{background:#f5c63a;color:#fff;}
.head{position:relative;}
.head h1{color:#fff;background:rgba(142,142,142,0.2);width:180px;text-align:center;padding:10px 0;position:absolute;top:15%;left:25%;}
.title{height:90px;position:relative;width:20%;text-align:center;margin:0 auto 40px;border-bottom:1px solid #afaaa7;}
.title-con{position:absolute;bottom:-10%;left:50%;margin-left:-51px;}
.title p{font-size:20px;font-family:bold;}
.title span{color:#616163;left:40%;bottom:-5px;font-size:12px;width:100%;background:#fff;}
.school{margin-top:25px;border-top:1px solid #ffe767;}
.school .school-con img{width:90%;margin:0 auto;margin-top:60px;}
.advantages .advantages-con img{margin-top:60px;}
.advantages .advantages-con .advantages-infor{width:70%;margin:0 auto;background:#fff;font-size:14px;padding:15px 30px;text-indent:2em;position:relative;top:-50px;line-height:30px;}
.records .records-con img{margin-top:60px;}
.records .records-con .join{width:60%;margin:0 auto;}
.records .records-con .join .title{height:90px;position:relative;width:20%;text-align:center;margin:0 auto 40px;border-bottom:1px solid #afaaa7;}
.records .records-con .join .title-con{position:absolute;bottom:-10%;left:50%;margin-left:-41px;}
.records .records-con .join .title p{font-size:20px;font-family:bold;}
.records .records-con .join .title span{color:#616163;left:40%;bottom:-5px;font-size:12px;width:100%;background:#fff;}
.records .records-con .join .join-con{width:80%;margin:0 auto;text-align:center;}
.records .records-con .join .join-con p{margin-right:8px;display:inline;color:#b5b0ad;}
.records .records-con .join .join-con input{outline:none;padding:0 10px;height:30px;width:50%;border:1px solid #b5b0ad;border-radius:5px;}
.records .records-con .join .join-con .message textarea{outline:none;resize:none;padding:5px 10px;vertical-align:top;height:80px;width:75%;border:1px solid #b5b0ad;border-radius:5px;}
.records .records-con .join .join-con .clearfix{margin-bottom:20px;}
.name,.phone,.city,.email{width:50%;}
.records .records-con .join .join-con .submit{outline:none;width:80px;margin:20px auto 0;background:#f5c63a;border:none;color:#fff;padding:5px 0;}
@media(max-width:800px){
    .head h1{transform:scale(0.5);top:-5%;left:5%;}
    .advantages .advantages-con .advantages-infor{position:static;width:100%;}
    .title{width:45%;}
    .title p{font-size:16px;}
    .records .records-con .join .title{width:35%;}
    .records .records-con .join .title-con{margin-left:-33px;}
    .records .records-con .join .title p{font-size:16px;}
    .records .records-con .join{width:100%;}
    .records .records-con .join .join-con{width:90%;}
    .records .records-con .join .join-con div{float:none;width:100%;}
    .records .records-con .join .join-con input{width:70%;}
    .records .records-con .join .join-con .message textarea{width:70%;}
    .name,.city{margin-bottom:20px;}
}
